<template>
	<view class="my-layout">
		<view class="message-list">
			<view class="list-item">
				<view class="item-title">3月4日推广佣金</view>
				<view class="item-desc">2020-02-01 12:12:12</view>
				<view class="item-content">尊敬的各位广大会员这是系统消息详情内容，尊敬的各位广大会员这是系统消息详情内容尊敬的各位广大会员这是系统消息详情内容</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.list-item {
		padding: 24rpx 40rpx;
		background-color: #FFFFFF;

		.item-title {
			font-size: 36rpx;
			color: #000000;
			line-height: 50rpx;
		}

		.item-desc {
			font-size: 24rpx;
			color: #999999;
			line-height: 33rpx;
		}

		.item-content {
			font-size: 28rpx;
			color: #000000;
			line-height: 48rpx;
		}

	}
</style>
